網頁不同字體

Google Fonts 繼發表了開源的（免費的）思源黑體字型之後，又另外推出了5 款免費的中文網路字型、字體，分別是：楷體、圓體、仿宋體、黑體、明體5 種字體。

實務上，前端工程師通常會設定多種字體，以作為最理想的字體無法使用時的備案，也就是混合英文、中文、設計師指定的字體和系統預設字。接下來會簡單介紹實際設定時的規則。

2020年11月12日 — 網頁字體的一些事 · 一、Web Fonts(雲端字型技術) · 二、IconFont** · 三、瀏覽器最小字體設定 · 四、font-family 簡中/繁中/英文字體設定事項 · 五、中文字型 ...

使用相同字體的頁面在不同瀏覽器中確認時,敏感的人將會感覺到差異。 但是這不是字體的適用不當,而是隨著瀏覽器或操作系統字體表現方式不同而發生的差異。

2018年5月10日 — 網站新手、缺乏設計經驗的工程師，最容易忽略的就是設定網頁字體。免費字體可以使用Google Fonts，透過CSS 設定。思源黑體漂亮、簡潔易於閱讀， ...

2020年6月8日 — 一般來說，使用者看的網頁中的字體，會因為「作業系統預設」與「瀏覽器設定」而不同，比如說微軟正黑體或蘋方體；所以即便你今天在網站設計稿上用了 ...

2022年5月16日 — 一般來說，使用者看的網頁中的字體，會因為作業系統預設與瀏覽器設定而不同，比如說微軟正黑體；所以當你在設計網站時，也必須將網頁字型的相關問題納入 ...

2021年1月20日 — 下面為大家推薦一個主流的字體網站Google Fonts，我們可以到這裡挑選字型。如果你對網站字體還不了解，點擊這篇文章了解更多。 Google Fonts是Google開發 ...

使用font-family 很簡單，只需要設定family-name ( 字體名稱) 和generic-family ( 通用字體)，font-family 可以設定一種字體或多種不同的字體，每種字體間用半形逗號「,」 ...